<%@ page language="java" pageEncoding="UTF-8"%>
<%@include file="/views/common/include/taglib.jsp"%>
<script src="${ctx}/js/controllers/store/changepwd/changePassword.js" type="text/javascript"></script>
<link rel="stylesheet" href="${ctx }/css/dlifestyle/store.css"/>
<style type="text/css">
	.location{
		height:43px;
		/* width:95%; */
		width:100%;
		background-color:#f5f5f5;
		border-bottom:1px solid #e6e6e6;
	}
	.panel{
	border:1px solid #e6e6e6;
	}
	.panel .location{
		margin:0;
	}
	.location img{
		margin-left:28px;
		margin-top:14px;
		margin-bottom:12px;
	}
	.form div img{
		float:left;
		top:10px;
		
		padding-top:10px;
 		position:relative;
		left:30px;
		top:-2px; 
	}
	.form div input{
		height:35px;
		width:430px;
		border-radius:4px;
		border:1px solid #dadada;
		font-size:14px;
		padding-left:40px;
	}
	.emStyle{
		color:#98bfe4;
	}
	
	.buttonEdit{
	    width:124px;
	    height:36px;
	    font-size:14px;
	    border-radius: 4px;
	    background-color: #98bfe4;
	    color:#fff;
	    border: none;
	    margin-top:28px;
	    cursor:pointer;
	 }
	.buttonCancle{
	    width:124px;
	    height:36px;
	    font-size:14px;
	    border-radius: 4px;
	    background-color: #fff;
	    color:#504949;
	    border: 1px solid #D1CFCF;
	    margin:28px 0 0 40px;
	    cursor:pointer;
     }
</style>
    <div style="top:130px;position:fixed;height:30px;font-size: 14px;font-family: '微软雅黑';margin-left:-236px;">
				当前位置:${sessionScope.currcent_position}
    </div>
	<section style="padding-top:20px;">
		<section>
			<div class="panel" style="height:100%;border-right: 1px solid #e6e6e6;">
                <div class="location"><img src="${ctx }/images/store/changepassword.png"/>
                <span style="margin-left:10px;margin-top:14px;font-size:14px;color:#262536;">修改密码</span>
                </div>
    
					<div id="form" class="form"  style="height:285px;width:650px;display:inline-block;/* border:1px solid #e6e6e6; */margin-top:20px;"> 
						<label  style="float:left;margin-left:55px;margin-top:35px;padding-top:10px;font-size: 14px;"><em class="emStyle">*</em>&nbsp;当前密码：</label>
						<input id="userId" type="hidden" value="${user.id }">
						<input id="loginName" type="hidden" value="${user.loginname }">
						<div style="margin-top:35px;">
							<img src="${ctx }/images/store/change_password.png" />
							<input class="editform-control" id="oldPwd" onblur="checkOldPwd();" type="password" class="text" maxlength="150"  placeholder="请输入旧密码"/>	
						</div>
						<br>
						<label  style="float:left;margin-left:55px;margin-top:19px;padding-top:10px;font-size: 14px;"><em class="emStyle">*</em>&nbsp;修改密码：</label>
						<div style="margin-top:19px;" >
							<img src="${ctx }/images/store/change_password.png" />
							<input class="editform-control" id="newPwd" onblur="checkNewPwd();" type="password" class="text" maxlength="150" placeholder="请输入新密码"/>	
						</div>
						<br>
						<label  style="float:left;margin-left:55px;margin-top:19px;padding-top:10px;font-size: 14px;"><em class="emStyle">*</em>&nbsp;确认密码：</label>
						<div style="margin-top:19px;">
							<img src="${ctx }/images/store/change_password.png" />
							<input class="editform-control" id="newPwd1" onblur="checkNewPwd1();" type="password" class="text" maxlength="150"  placeholder="请再次输入新密码"/>	
						</div>
						
	
				
					
				</div>
				<img style="margin-left:10px;vertical-align:-55px;"src='${ctx }/images/store/cp2.jpg' />
				<div class="foot" style="height:88px;border-top:1px solid #e6e6e6;text-align:center;">
						<button class="buttonEdit" onclick="savePassword();">保&nbsp;&nbsp;存</button>
						<!-- <button class="buttonCancle" onclick="cancelPwd();">返&nbsp;&nbsp;回</button> -->
				</div>
			</div>
		</section>
	</section>
	<script type="text/javascript">
		var ctx = '${ctx}';
		setCtx(ctx);
	</script>
	<!-- 解决ie 6 7 8 9不能显示placeholder的问题 -->
	<script src="${ctx}/js/lib/jquery.JPlaceholder.js"></script>
